vscode自定义背景图片(css实现)

您所在的位置:网站首页 vs code自定义背景 vscode自定义背景图片(css实现)

vscode自定义背景图片(css实现)

2023-08-22 03:51| 来源: 网络整理| 查看: 265

首 先 找 到 v s c o d e 的 c s s 文 件 首先找到vscode的css文件 首先找到vscode的css文件

我 是 把 v s c o d e 放 在 迅 雷 下 面 , 然 后 一 级 一 级 目 录 点 下 去 我是把vscode放在迅雷下面,然后一级一级目录点下去 我是把vscode放在迅雷下面,然后一级一级目录点下去

D:\迅雷下载\Microsoft VS Code\resources\app\out\vs\workbench

然 后 你 会 看 到 这 个 然后你会看到这个 然后你会看到这个

vscode自定义背景图片(css实现)_迅雷

就 是 这 个 . c s s 文 件 , 点 进 去 我 们 修 改 它 就是这个.css文件,点进去我们修改它 就是这个.css文件,点进去我们修改它

打 开 发 现 是 一 个 记 事 本 , 我 们 找 一 个 合 适 的 位 置 插 入 一 些 代 码 打开发现是一个记事本,我们找一个合适的位置插入一些代码 打开发现是一个记事本,我们找一个合适的位置插入一些代码

vscode自定义背景图片(css实现)_css_02

如 上 图 所 示 , 任 选 一 个 } 的 后 面 插 入 以 下 代 码 如上图所示,任选一个\}的后面插入以下代码 如上图所示,任选一个}的后面插入以下代码

body { background: url(D:/ChromeDownload/02.jpg) no-repeat center/cover; opacity: 0.7;}

其 中 , 你 只 要 把 u r l ( ) 修 改 即 可 , 括 号 内 是 你 图 片 的 绝 对 路 径 其中,你只要把url()修改即可,括号内是你图片的绝对路径 其中,你只要把url()修改即可,括号内是你图片的绝对路径

保 存 , 重 启 v s c o d e 即 可 保存,重启vscode即可 保存,重启vscode即可



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3